<template>
  <i :class="className"></i>
</template>
<script>
export default {
  name: 'icon',
  props: {
    classAttr: String,
    unicode: String
  },
  computed: {
    className () {
      return `iconfont ${this.classAttr}`
    }
  }
}
</script>

<style lang="less">
  // @import "iconfont.css";
  @import url("//at.alicdn.com/t/font_1172151_63uxuchg9k7.css");

  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
  }

  [class^="iconfont"], [class*="iconfont"] {
    display: inline-block;
    vertical-align: middle;
    font: normal normal normal 14px/1 "iconfont";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    &:before{
        // 平滑升级
        display: inline-block;
    }
  }
</style>

